<template>
<div class="projectDetails">
  <el-row>
    <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">项目名称:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="13"><div class="grid-content partThree">南京理工大学救护车维修</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">项目简介:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="13"><div class="grid-content partThree">你说的对，但是《原神》是由米哈游自主研发的一款全新开放世界冒险游戏。游戏发生在一个被称作「提瓦特」的幻想世界，在这里，被神选中的人将被授予「神之眼」，导引元素之力。你将扮演一位名为「旅行者」的神秘角色，在自由的旅行中邂逅性格各异、能力独特的同伴们，和他们一起击败强敌，找回失散的亲人——同时，逐步发掘「原神」的真相。</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">实验室:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="13"><div class="grid-content partThree">南京理工大学校医院</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">大类:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="13"><div class="grid-content partThree">急救</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">类别:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="13"><div class="grid-content partThree">急救</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="8"><div class="grid-content partOne">审批意见:</div></el-col>
    <el-col :span="1"><div class="grid-content partTwo"></div></el-col>
    <el-col :span="2"><div class="grid-content partThree">我没意见</div></el-col>
    <el-col :span="9"><div class="grid-content partThree"> <el-button type="primary">生成文件</el-button></div></el-col>
  </el-row>
  <el-row>
    <el-col :span="9"><div class="grid-content partOne"></div></el-col>
    <el-col :span="9"><div class="grid-content partThree"> <el-button type="primary">查看</el-button></div></el-col>
  </el-row>
</div>
</template>

<script>
export default {
  name: "ProjectDetailsView"
}
</script>

<style scoped>
.system-title {

}
.partOne{
  text-align: right;
  margin-bottom: 20px;
}
.partThree{
  text-align: left;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.partTwo{
   margin-bottom: 20px;
 }
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
.projectDetails{
  font-size: 20px;
  font-weight: bold;
}
</style>